html(lang="en" xmlns:svg="http://www.w3.org/2000/svg")
    head
        meta(name="viewport", content="width=device-width, initial-scale=1.0")
        meta(http-equiv="Content-Type", content="text/html; charset=UTF-8")
        title Transition
        link(rel="stylesheet", type="text/css", href="demo.css")
    body
        .container
            .main
                .item
                    .cover
                    .title 标题
                    .content 我是标题1
                    .btn
                .item
                    .title标题
                    .content 我是标题2
                    .btn
                .item
                    svg
                        path(d="m0 0 L200 0 L200 200 L100 100 L0 200 Z")
                    .title标题
                    .content 我是标题3
                    .btn
                .item
                    .cover
                    .title标题
                    .content 我是标题4
                    .btn

            .svg
                svg(width="200px" height="200px")
                    circle(cx=50 cy=100 r=50 stroke="black" stroke-width="2" fill="red")
                svg(width="200px" height="200px")
                    ellipse(cx=100 cy=50 rx=100 ry=50 stroke="black" stroke-width="2" fill="red")
                svg(width="200px" height="200px")
                    path(d="m0 0 L150 0 L150 150 L75 100 L0 150 Z" stroke="black" stroke-width="2" fill="red")
